<?php

/*
 * template/new-popin-empty.phtml
 */
?>
<?php ?>
<div class="popin-arrow">
    <div class="popin-content">
	<div class="popin-title content-head">
	    <h4>Edition du Planning Semaine</h4>
	</div>
	<div class="popin-code">
	    <h5 style='width: 99%'>Codes d'activité</h5>
	    <div class='popin-code-content'>
		<?php foreach ($this->codes as $c): ?>
    		<div class='code' id="code-<?php echo $c->id; ?>">
    		    <div class='code-couleur' style='background: <?php echo $c->couleur; ?>'>
			<a href='#' id="<?php echo $c->id; ?>" class="code-link" title='<?php echo $c->libelle; ?>' data-code='<?php echo $c->id; ?>'><?php echo $c->code; ?></a>
    		    </div>
    		</div>
		<?php endforeach; ?>
	    </div>
	</div>
	<div class='popin-other'>
	    Heure Entrée<br>
	    <select id='entree_heure' name='entree_heure'>
		<?php for ($i = 0; $i < 24; $i++): ?>
		    <?php $value		 = ($i < 10) ? '0' . $i : $i; ?>
    		<option value='<?php echo $value; ?>'><?php echo $value; ?></option>
		<?php endfor; ?>
	    </select> :
	    <select id='entree_minute' name='entree_minute'>
		<?php for ($i = 0; $i < 60; $i+= 5): ?>
		    <?php $value		 = ($i < 10) ? '0' . $i : $i; ?>
    		<option value='<?php echo $value; ?>'><?php echo $value; ?></option>
		<?php endfor; ?>
	    </select>
	    <br>
	    Heure Sortie<br>
	    <select id='sortie_heure' name='entree_heure'>
		<?php for ($i = 0; $i < 24; $i++): ?>
		    <?php $value		 = ($i < 10) ? '0' . $i : $i; ?>
    		<option value='<?php echo $value; ?>'><?php echo $value; ?></option>
		<?php endfor; ?>
	    </select> :
	    <select id='sortie_minute' name='entree_minute'>
		<?php for ($i = 0; $i < 60; $i+= 5): ?>
		    <?php $value		 = ($i < 10) ? '0' . $i : $i; ?>
    		<option value='<?php echo $value; ?>'><?php echo $value; ?></option>
		<?php endfor; ?>
	    </select>
	    <hr>
	    <label>
		Pause : <input type="checkbox" id="pause" name="pause">
	    </label>
	    <label>
		Repas : <input type="checkbox" id="repas" name="repas">
	    </label>
	</div>
	<hr>
	<div class='popin-button' style='margin-bottom: 5px;'>
	    <button class='btn btn-success validate'>Valider</button>
	    <button class='btn btn-inverse' onclick='$(".rhPopover").remove();'>Fermer</button>
	</div>
	<input type="hidden" id="pl-id" name="matricule" value="<?php echo $this->matricule; ?>" />
	<input type="hidden" id="data-code" name="code" value="3" />
	<input type="hidden" id="prefix" name="prefix" value="<?php echo $this->prefix; ?>" />
	<input type="hidden" id="pk" name="pk" value="0" />
    </div>
</div>

<script type="text/javascript">
    // Variables Globales
    matricule = '<?php echo $this->matricule; ?>';
    prefix = '<?php echo $this->prefix; ?>';
    selector = '#new-' + matricule + '-' + prefix;
    interface = '#' + matricule + '-' + prefix;
    // Codec Couleurs
    codec = new Array();
    <?php foreach ($this->codes as $c): ?>
            	codec[<?php echo $c->id; ?>] = "<?php echo $c->code; ?>";
    <?php endforeach; ?>
    // Démarrage
    $(function(){
	// Récupération du Code
	code = $(selector + '-code').val();
	// Application du code
	changeCode(code);
	// Récupération de la Pause
	pause = $(selector + '-pause').val();
	if(pause === '1'){
	    $('#pause').attr('checked', 'checked');
	}
	// Récupération du Repas
	repas = $(selector + '-repas').val();
	if(repas === '1'){
	    $('#repas').attr('checked', 'checked');
	}
	// Récupération des heures
	entree = $(selector + '-entree').val();
	sortie = $(selector + '-sortie').val();
	// Traitement des heures
	entree_heure = entree.substr(0, 2);
	entree_minute = entree.substr(3, 2);
	sortie_heure = sortie.substr(0, 2);
	sortie_minute = sortie.substr(3, 2);
	// Assignation des heures
	$('#entree_heure option').each(function(){
	    if($(this).val() === entree_heure){
		$(this).attr('selected', 'selected');
		return false;
	    }
	});
	$('#entree_minute option').each(function(){
	    if($(this).val() === entree_minute){
		$(this).attr('selected', 'selected');
		return false;
	    }
	});
	$('#sortie_heure option').each(function(){
	    if($(this).val() === sortie_heure){
		$(this).attr('selected', 'selected');
		return false;
	    }
	});
	$('#sortie_minute option').each(function(){
	    if($(this).val() === sortie_minute){
		$(this).attr('selected', 'selected');
		return false;
	    }
	});

	// Changer de code
	$('.code-link').click(function(e){
	    e.preventDefault();
	    newCode = $(this).attr('data-code');
	    changeCode(newCode);
	});

	// Validation
	$('.validate').click(function(e){
	    e.preventDefault();
	    // Récupération des données
	    code =  $('#data-code').val();
	    entree_heure = $('#entree_heure option:selected').val();
	    entree_minute = $('#entree_minute option:selected').val();
	    sortie_heure = $('#sortie_heure option:selected').val();
	    sortie_minute = $('#sortie_minute option:selected').val();
	    pause = ($("#pause").prop('checked')) ? 1 : 0;
	    repas = ($('#repas').prop('checked')) ? 1 : 0;
	    // Changement dans le formulaire caché
	    $(selector + '-code').val(code);
	    $(selector + '-entree').val(entree_heure + ':' + entree_minute);
	    $(selector + '-sortie').val(sortie_heure + ':' + sortie_minute);
	    $(selector + '-pause').val(pause);
	    $(selector + '-repas').val(repas);
	    // Changement dans l'interface
	    label = codec[code];
	    $(interface + '-code a').text(label);
	    $(interface + '-entree a').text(entree_heure + ':' + entree_minute);
	    $(interface + '-sortie a').text(sortie_heure + ':' + sortie_minute);
	    $(interface + '-pause a').text((pause === 1) ? 'X' : '');
	    $(interface + '-repas a').text((repas === 1) ? '1' : '');
	    // Changement des classes CSS
	    $(interface + '-code').removeClass().addClass(label);
	    $(interface + '-entree').removeClass().addClass(label);
	    $(interface + '-sortie').removeClass().addClass(label);
	    $(interface + '-pause').removeClass().addClass(label);
	    $(interface + '-repas').removeClass().addClass(label);
	    // Calcul des cumul Le calcul du cumul n'est disponible qu'a la création du Planning Type

	    // Ferméture
	    $(".rhPopover").remove();
	});
	// Vérification des Heures
	$('#entree_heure, #entree_minute, #sortie_heure, #sortie_minute').change(function(){
	    // Vérification des horaires
	    verifyHour();
	});
    });

    function verifyHour(){
	// Récupération des heures
	entree = $('#entree_heure option:selected').val() + ':' + $("#entree_minute option:selected").val();
	sortie = $('#sortie_heure option:selected').val() + ':' + $("#sortie_minute option:selected").val();
	// Traitement Ajax
	ajax = $.ajax({
	    type: 'post',
	    url : '<?php echo $this->url('RHX/default', array('controller'	 => 'planning', 'action'	 => 'verifyHour')) ?>',
	    data: '&entree=' + entree + '&sortie=' + sortie
	});
	ajax.success(function(data){
	    value = parseInt(data);
	    if(value === 1){
		withPause();
		withRepas();
	    } else {
		noPause();
		noRepas();
	    }
	});
	ajax.error(function(){});
    }
    
    function noPause() {
	$("#pause").prop('checked', false);
    }
    function withPause(){
	$("#pause").prop('checked', true);
    }
    function noRepas() {
	$("#repas").prop('checked', false);
    }
    function withRepas(){
	$("#repas").prop('checked', true);
    }
    function noPauseAndRepas() {
	noPause();
	noRepas();
    }
    function withPauseAndRepas(){
	withPause();
	withRepas();
    }

    // Changer le code
    function changeCode(newCode){
	if(!newCode) newCode = 3;
	$('#data-code').val(newCode);
	$('.selected').removeClass('selected');
	$('#code-' + newCode).addClass('selected');
	// Vérification des horaires
	verifyHour();

	return false;
    }
</script>